<template>
  <section class="relationships-area">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="relationships-item">
            <div class="row">
              <div class="col-lg-6">
                <div class="relationships-content">
                  <h3 class="title">We develop relationships</h3>
                  <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu nulla pariatur.</p>
                  <ul>
                    <li><i class="fa fa-check-circle"></i> Refresing to get such a personal touch. </li>
                    <li><i class="fa fa-check-circle"></i> Duis aute irure dolor in reprehenderit in voluptate. </li>
                    <li><i class="fa fa-check-circle"></i> Velit esse cillum dolore eu fugiat nulla pariatur. </li>
                  </ul>
                  <div class="skills">
                    <div class="skill-item">
                      <div class="skill-header">
                        <h3 class="skill-title">Industrial</h3>
                      </div>
                      <div class="skill-bar">
                        <div class="bar-inner">
                          <div class="bar bar1 progress-line" data-width="77"></div>
                        </div>
                      </div>
                    </div>

                    <div class="skill-item">
                      <div class="skill-header">
                        <h3 class="skill-title">Wireframe</h3>
                      </div>
                      <div class="skill-bar">
                        <div class="bar-inner">
                          <div class="bar bar2 progress-line" data-width="38"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="relationships-awarded animated wow fadeInRight" data-wow-duration="1000ms">
              <i class="flaticon-factory"></i>
              <span>Best Awarded <br> industry</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</template>

<script>
    export default {
        name: "RelationshipArea"
    }
</script>

<style scoped>

</style>
